<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />

    <title>高德地图导航定位</title>
    <style rel="stylesheet" type="text/css">
        /*去除正文区域默认的内外间距：全屏*/
          body { margin:0; padding:0; }
          /*地图容器大小：全屏*/
          #container { width:100%; height:70vh; }
    </style>

  </head>
  <body>

      <div id="container"></div>
<!--    fcb53a08e38d699a5a10a9f6ca2268c3    6ed75d9144ab3ca78c65560ab099caa2  -->
      <script type="text/javascript">
          window._AMapSecurityConfig = {
            securityJsCode: "6ed75d9144ab3ca78c65560ab099caa2",
          }
      </script>
      <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=fcb53a08e38d699a5a10a9f6ca2268c3"></script>


      <!--自定义脚本开发-->
      <script type="text/javascript">
          //初始化地图数据
          var  map = new AMap.Map(
              "container",
              {
                  zoom: 30, //地图级别
                  center: [116.397428, 39.90923] //地图起始点经纬度
                  // layers: [new AMap.TileLayer.Satellite()], //设置图层,可设置成包含一个或多个图层的数组
                  // mapStyle: "amap://styles/macaron", //设置地图的显示样式
                  // viewMode: "2D", //设置地图模式
              }
          );

          //当页面正式加载完毕后
            window.onload = function( ) {
                //调用鸿蒙应用的方法，获取当前设备定位的经纬度
                window.swift.setCurrentLocation()
            }


             //设置地图定位点(经度,维度)
            function setLocation(lng,lat) {

                //重新设置地图的中心点(缩放比例, [经纬度])
                map.setZoomAndCenter(25,[lng,lat])

                //创建一个标记
                var marker = new AMap.Marker({
                    map, //参考的地图对象
                    icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png',
                    position: [lng,lat]
                })

                //加入到地图中
                map.add(marker)




            }


          function searchNB(str){
                map.plugin(['AMap.PlaceSearch'], function() {
                    var MSearch =new AMap.PlaceSearch( { //设置PlaceSearch属性
                        map,
                        pageSize: 5, //每页结果数,默认10
                        pageIndex: 1, //请求页码，默认1
                        extensions: "base" //返回信息详略，默认为base（基本信息）
                    });

                    AMap.Event.addListener(MSearch, "complete",  (res)=>{
                      //调用鸿蒙应用方法，将结果传过去
                      window.swift.receiveNearPlace(JSON.stringify(res.poiList.pois))
                    }); //返回结果

                    //执行搜索
                    MSearch.searchNearBy(str,[121.474815, 31.237216])

                });

            }






      </script>
  </body>
  </html>